<!--<template>-->
<!--    <div class="container">-->

<!--        &lt;!&ndash;查询部分&ndash;&gt;-->
<!--        &lt;!&ndash;inline=true水平摆放form表单&ndash;&gt;-->
<!--        <el-form ref="loginLogForm" :inline="true" :model="loginLogForm">-->

<!--            <el-form-item prop="name" size="small" label="部门名称">-->
<!--                <el-input clearable v-model="deptQueryForm.name" placeholder="请输入菜单名称"></el-input>-->
<!--            </el-form-item>-->

<!--            <el-form-item prop="status" size="small" label="部门状态">-->
<!--                <el-select clearable v-model="deptQueryForm.status" placeholder="菜单状态">-->
<!--                    <el-option :key="index" v-for="(item,index) in $dictMap('status')" :label="item.desc"-->
<!--                               :value="item.value"></el-option>-->
<!--                    &lt;!&ndash;<el-option label="正常" value=1></el-option>&ndash;&gt;-->
<!--                    &lt;!&ndash;<el-option label="停用" value=0></el-option>&ndash;&gt;-->
<!--                </el-select>-->
<!--            </el-form-item>-->

<!--            <el-form-item size="mini">-->
<!--                <el-button @click="getDeptTree" style="width: 80px" type="primary"><i-->
<!--                        class="iconfont icon-search-line"/><span>查询</span>-->
<!--                </el-button>-->
<!--            </el-form-item>-->

<!--            <el-form-item size="mini">-->
<!--                <el-button @click="reset" style="width: 80px" type="normal"><i-->
<!--                        class="iconfont icon-zhongzhi-"/><span>重置</span>-->
<!--                </el-button>-->
<!--            </el-form-item>-->

<!--            <el-form-item size="mini">-->
<!--                <el-button plain style="width: 80px" type="primary" @click="addDeptView"><i-->
<!--                        class="iconfont icon-jia"/><span>新增</span></el-button>-->
<!--            </el-form-item>-->
<!--        </el-form>-->
<!--        &lt;!&ndash;查询部分&ndash;&gt;-->

<!--        &lt;!&ndash;菜单列表 表格部分&ndash;&gt;-->
<!--        <el-table-->
<!--                :header-cell-style="{'text-align':'center',background:'#f8f8f9',color:'#606266'}"-->
<!--                :cell-style="{'text-align':'center'}"-->
<!--                :data="deptTreeData"-->
<!--                style="width: 100%;margin-bottom: 20px;"-->
<!--                row-key="id"-->
<!--                border-->
<!--                :tree-props="{children: 'childDept', hasChildren: 'hasChildren'}">-->
<!--            <el-table-column-->
<!--                    prop="name"-->
<!--                    label="部门名称">-->
<!--            </el-table-column>-->

<!--            <el-table-column-->
<!--                    prop="sort"-->
<!--                    sortable-->
<!--                    width="100"-->
<!--                    label="排序">-->
<!--            </el-table-column>-->

<!--            <el-table-column-->
<!--                    label="状态">-->
<!--                <template slot-scope="scope">-->
<!--                    <span>{{ showStatus(scope.row.status) }}</span>-->
<!--                </template>-->
<!--            </el-table-column>-->

<!--            <el-table-column-->
<!--                    prop="createTime"-->
<!--                    sortable-->
<!--                    label="创建时间">-->
<!--            </el-table-column>-->

<!--            <el-table-column-->
<!--                    prop="updateTime"-->
<!--                    sortable-->
<!--                    label="更新时间">-->
<!--            </el-table-column>-->

<!--            <el-table-column-->
<!--                    label="操作">-->
<!--                <template slot-scope="scope">-->
<!--                    <el-button size="mini" type="primary"-->
<!--                               @click="editDeptView(scope.row)" round>修改-->
<!--                    </el-button>-->
<!--                    <el-button size="mini" type="danger" @click="delDept(scope.row)" round>删除</el-button>-->
<!--                </template>-->
<!--            </el-table-column>-->
<!--        </el-table>-->
<!--        &lt;!&ndash;菜单列表 表格部分&ndash;&gt;-->

<!--        &lt;!&ndash;添加部门 dialog&ndash;&gt;-->
<!--        <el-dialog @close="closeDialog" :title="dialogName" :visible.sync="addDeptVisible">-->
<!--            &lt;!&ndash;label-width 表单里面label的标签&ndash;&gt;-->
<!--            <el-form class="myform" ref="deptAddForm" :inline="true" :rules="deptRules" :model="deptForm"-->
<!--                     label-width="80px">-->
<!--                <el-form-item class="fullWidthFormItem" label="上级部门">-->
<!--                    &lt;!&ndash;这里是引用的第三方组件&ndash;&gt;-->
<!--                    <el-select-tree-->
<!--                            :check-strictly="true"-->
<!--                            :clearable="true"-->
<!--                            style="width:100%"-->
<!--                            placeholder="请选择上级部门"-->
<!--                            :props="{ value: 'id', label: 'name', children: 'childDept' }"-->
<!--                            :data="deptTreeData"-->
<!--                            v-model="deptForm.parentId">-->
<!--                    </el-select-tree>-->
<!--                </el-form-item>-->


<!--                &lt;!&ndash;由于el-from-item会自动撑满两旁，所以不用设置居中对其&ndash;&gt;-->
<!--                <el-form-item prop="name" label="部门名称">-->
<!--                    <el-input v-model="deptForm.name"></el-input>-->
<!--                </el-form-item>-->

<!--                <el-form-item prop="sort" label="显示排序">-->
<!--                    <el-input-number v-model="deptForm.sort" controls-position="right" :min="1"-->
<!--                                     :max="15"></el-input-number>-->
<!--                </el-form-item>-->

<!--                <el-form-item label="负责人">-->
<!--                    <el-input v-model="deptForm.principal"></el-input>-->
<!--                </el-form-item>-->

<!--                <el-form-item label="联系电话">-->
<!--                    <el-input v-model="deptForm.principalPhone"></el-input>-->
<!--                </el-form-item>-->

<!--                <el-form-item label="邮箱">-->
<!--                    <el-input v-model="deptForm.email"></el-input>-->
<!--                </el-form-item>-->

<!--                <el-form-item label="部门状态">-->
<!--                    <el-radio :key="index" v-for="(item,index) in $dictMap('status')" v-model="deptForm.status"-->
<!--                              :label="item.value">{{item.desc}}-->
<!--                    </el-radio>-->
<!--                </el-form-item>-->
<!--            </el-form>-->

<!--            <div slot="footer" class="dialog-footer">-->
<!--                <el-button @click="closeDialog">取 消</el-button>-->
<!--                <el-button type="primary" @click="oprMenu">确 定</el-button>-->
<!--            </div>-->
<!--        </el-dialog>-->
<!--        &lt;!&ndash;添加部门 dialog&ndash;&gt;-->
<!--    </div>-->
<!--</template>-->

<!--<script>-->
<!--    export default {-->
<!--        name: "LoginLog"-->
<!--    }-->
<!--</script>-->

<!--<style scoped>-->

<!--</style>-->